I have an Angular 9 app that I would like to make accessible via Liferay 7.x portlet.
When I follow these steps, deploy my portlet and try to render it, I run into issues (reported as JavaScript errors in the browser console):
A. "Can't bind to 'X' since it isn't a known property of 'Y'.
B. "'X' is not a known element:
I would appreciate help with resolving these issues. I am happy to jump on a Zoom to demonstrate the details of my config.
Thank you!
You can find the answer here: https://angular.io/guide/ngmodule-faq#what-does-cant-bind-to-x-since-it-isnt-a-known-property-of-y-mean
What does "Can't bind to 'x' since it isn't a known property of 'y'" mean? This error often means that you haven't declared the directive "x" or haven't imported the NgModule to which "x" belongs.
Perhaps you declared "x" in an application sub-module but forgot to export it. The "x" class isn't visible to other modules until you add it to the exports list.
My problems were related to the fact that:
Hopefully this helps others, too.